<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<!--左侧导航栏-->
<nav class="navbar-default navbar-static-side" role="navigation" th:fragment="sidebar">
    <div class="sidebar-collapse">
        <ul class="nav metismenu" id="side-menu">
            <li class="nav-header">
                <div class="dropdown profile-element">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <span class="block m-t-xs font-bold" th:text="${session.userRealName}">Example user</span>
                        <input type="hidden" id="currentUserAccount" th:value="${session.userAccount}">
                        <span class="text-muted text-xs block">菜单 <b class="caret"></b></span>
                    </a>
                    <ul class="dropdown-menu animated fadeInRight m-t-xs">
                        <li><a class="dropdown-item" th:href="@{/client-personal-info}">个人信息</a></li>
                        <li><a class="dropdown-item" href="contacts.html">好友</a></li>
                        <li><a class="dropdown-item" href="mailbox.html">信箱</a></li>
                        <li class="dropdown-divider"></li>
                        <li><a class="dropdown-item" href="/login/logOut">登出</a></li>
                    </ul>
                </div>
                <div class="logo-element">
                    IN+
                </div>
            </li>
            <!--创业者模块-->
            <li class="active" shiro:hasPermission="client:SupremeAuthority">
                <a href="#"><i class="fa fa-bank"></i> <span class="nav-label">考生管理模块 </span><span class="fa arrow"></span></a>
                <ul class="nav nav-second-level collapse">
                    <li th:class="${activeUri=='config-waitingRoom'?'active':' '}">
                        <a href="#" th:href="@{/config-waitingRoom}">【1】配置候考室信息</a>
                    </li>
                    <li th:class="${activeUri=='examee-list'?'active':' '}">
                        <a href="#" th:href="@{/examee-list}">【2】考生分组明细表</a>
                    </li>
                    <li th:class="${activeUri=='examee-sign'?'active':' '}">
                        <a href="#" th:href="@{/examee-sign}">【3】考生签到</a>
                    </li>
                    <li th:class="${activeUri=='examee-drawlots'?'active':' '}">
                        <a href="#" th:href="@{/examee-drawlots}">【4】考生抽签</a>
                    </li>
                    <li th:class="${activeUri=='examee-uploadData'?'active':' '}">
                        <a href="#" th:href="@{/examee-uploadData}">【5】数据上报</a>
                    </li>
                </ul>
            </li>
            <script type="text/javascript" th:src="@{/js/jquery-3.1.1.min.js}"></script>
        </ul>

    </div>
</nav>
</body>
</html>